.customization-container {
  
}

/* 删 */
.customization-container img {
  vertical-align: middle;
  width: 100%;
}


.customization-container>div:nth-child(n+3) {
  margin: 20% 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.customization-container>div:nth-child(odd) .tip_box {
  top: -5%;
  left: 14%;
}

.customization-container>div:nth-child(odd) .tip_box .tip {
  transform: scale(0.95) rotate(-15deg);
}

.customization-container>div:nth-child(even) .tip_box {
  top: -8%;
  right: 17%;
}

.customization-container>div:nth-child(even) .tip_box .tip {
  transform: scale(0.95) rotate(15deg);
}

.customization-container .tip_box {
  width: 3.1481rem;
  height: 3.1481rem;
  border: 4px solid #ff9000;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  z-index: 9;
}

.customization-container .tip_box .tip {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #89c22a;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-weight: bolder;
  font-size: 30px;
}

.customization-container .p_box {
  border-radius: .2222rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.customization-container .b1 {
  width: 100vw;
  height: 100vh;
}
.customization-container .b2 {
  width: 100vw;
  height: 100vh;
}

.customization-container .b3 .p_box {
  border: 0.222rem solid #6ef937;
  /* border-width: 0.4444rem;
  border-color: #6ef937; */
  z-index: 1;
  position: relative;
}

.customization-container .b3 .p_box:nth-child(1) {
  width: 15.2778rem;
  height:10.3704rem;
}
.customization-container .b3 .p_box:nth-child(2) {
  width: 15.2778rem;
  height:10.3704rem;
  transform: rotate(3deg);
  z-index: -1;
}

.customization-container .b3 .p_box:nth-child(3) {
  width: 15.2778rem;
  height:10.3704rem;
  transform: rotate(-6deg);
}

.customization-container .b3 .tip_box .tip {
  background-color: #89c22a;
}

.customization-container .b4 .p_box {
  width: 15.2778rem;
  height:10.3704rem;
  border: 12px solid #ffdf00;
  border-radius: 12px;
}

.customization-container .b4 .p_box:nth-child(1) {
  transform: rotate(1deg);
}

.customization-container .b4 .p_box:nth-child(2) {
  transform: rotate(-3deg) scale(0.95);
}

.customization-container .b4 .tip_box .tip {
  background-color: #e4cd2b;
}

.customization-container .b5 .p_box {
  border: 12px solid #e61755;
  border-radius: 12px;
}

.customization-container .b5 .c1 {
  position: relative;
}

.customization-container .b5 .c1 .p_box:nth-child(1){
  width: 13.2963rem;
  height: 9.0741rem;
}
.customization-container .b5 .c1 .p_box:not(:first-child) {
  position: absolute;
  bottom: 8%;
  

  width: 5.1667rem;
  height: 3.5185rem;
}

.customization-container .b5 .c1 .p_box:nth-child(2) {
  left: 5%;
}

.customization-container .b5 .c1 .p_box:nth-child(3) {
  right: 5%;
}

.customization-container .b5 .c2 {
  display: flex;
  margin: 10px 0 60px;
}

.customization-container .b5 .c2 .p_box:nth-child(1) {
  width: 4.537rem;
  height: 6.5926rem;
}

.customization-container .b5 .c2 .p_box:nth-child(2) {
  border-width: 8px;
  margin-left: .2778rem;
  width: 8.5185rem;
  height: 6.4815rem;
}

.customization-container .b5 .c3 .p_box {
  border-width: 8px;
  width: 15.5741rem;
  height: 10.6852rem;
}

.customization-container .b5 .tip_box .tip {
  background-color: #e61755;
}

.customization-container .b6 {
  margin-bottom: 40% !important;
}

.customization-container .b6 .p_box {
  border: 12px solid #40bede;
}

.customization-container .b6 .p_box:not(:first-child) {
  position: absolute;
}

.customization-container .b6 .p_box:nth-child(1){
  width: 12.963rem;
  height: 7.037rem;
}
.customization-container .b6 .p_box:nth-child(2) {
  width: 9.537rem;
  height: 6.5556rem;
  right:15%;
  bottom: -75%;
}

.customization-container .b6 .p_box:nth-child(3) {
  width: 7.8519rem;
  height: 5.3704rem;
  left: 15%;
  bottom: -90%;
}

.customization-container .b6 .tip_box .tip {
  background-color: #40bede;
}

.customization-container .b7 .p_box {
  border: 12px solid #b5d228;
  width: 14.2222rem;
  height: 9.6667rem;
}
.customization-container .b7 .p_box.p_box:nth-child(1) {
  
}
.customization-container .b7 .p_box:nth-child(1) {
  margin-bottom: 10px;
}

.customization-container .b7 .tip_box .tip {
  background-color: #b5d228;
}

.customization-container .b8 {
  margin-bottom: 820px !important;
}

.customization-container .b8 .p_box {
  border: 12px solid #eb6100;
}

.customization-container .b8 .p_box:not(:first-child) {
  position: absolute;
}
.customization-container .b8 .p_box:nth-child(1){
  width: 13.5185rem;
  height: 9.1667rem;
}
.customization-container .b8 .p_box:nth-child(2) {
  width: 10rem;
  height: 6.8333rem;
  bottom: -48%;
  left: 14%;
}

.customization-container .b8 .p_box:nth-child(3) {
  width: 7.4074rem;
  height: 5.1852rem;
  bottom: -63%;
    right: 14%;
  transform: rotate(5deg);
}

.customization-container .b8 .p_box:nth-child(4) {
  width: 10rem;
  height: 6.8148rem;
  bottom: -111%;
  left: 16%;
}

.customization-container .b8 .p_box:nth-child(5) {
  width: 7.8704rem;
  height: 5.2407rem;
  bottom: -143%;
  right: 19%;
  transform: rotate(-15deg);
}

.customization-container .b8 .tip_box .tip {
  background-color: #eb6100;
}